<template>
  <div>
    <div class="flex flex-wrap">
      <p
        class="m-5px"
        v-for="(item, index) in fileItemObj.imgItemList"
        :key="item.img"
      >
        <el-image
          style="width: 40px; height: 40px"
          :src="item.img"
          fit="contain"
          :initial-index="index"
          :preview-src-list="fileItemObj.previewImglist"
        />
      </p>
      <p
        class="m-5px"
        v-for="(item, index) in fileItemObj.otherItemList"
        :key="item.img"
      >
        <el-image
          style="width: 40px; height: 40px"
          :src="item.extensionImg"
          fit="contain"
          :initial-index="index"
        />
      </p>
    </div>
  </div>
</template>
<script setup lang="ts" name="ListFileComponent">
defineProps({
  fileItemObj: {
    type: Object,
    default: () => {},
  },
});
</script>
